{% extends "base_generic.html" %}
{% load i18n %}
{% load widget_tweaks %}

{% block content %}
<div class="d-flex justify-content-center align-items-center" style="min-height: 80vh;">
  <div class="card shadow p-4" style="min-width:350px; max-width:400px; width:100%;">
    <h2 class="mb-4 text-center"><i class="bi bi-key me-2"></i>{% trans 'Lost password?' %}</h2>
    <form action="" method="post">
      {% csrf_token %}
      <div class="form-group mb-3">
        {% if form.email.errors %}
          <div class="alert alert-danger">{{ form.email.errors }}</div>
        {% endif %}
        {{ form.email.label_tag }}
        {{ form.email|add_class:'form-control' }}
      </div>
      <button type="submit" class="btn btn-primary w-100">{% trans 'Reset password' %}</button>
    </form>
    <div class="mt-3 text-center">
      <a href="{% url 'login' %}" class="text-decoration-none"><i class="bi bi-box-arrow-in-right me-1"></i>{% trans 'Login' %}</a>
    </div>
  </div>
</div>
{% endblock %}
